.bg-col-f8{
	background: #F8F8F8;
}
@for $i from -200 through 300 {
	.pad-lr-#{$i} {
		padding-inline: $i * 1rpx;
	}
}
@for $i from -200 through 300 {
	.pad-tb-#{$i} {
		padding-block: $i * 1rpx;
	}
}
@for $i from -200 through 350 {
	.ml#{$i} {
		margin-left: $i * 1rpx;
	}
}
@for $i from -200 through 350 {
	.top-#{$i} {
		top: $i * 1rpx;
	}
}
@for $i from -200 through 350 {
	.left-#{$i} {
		left: $i * 1rpx;
	}
}
@for $i from -200 through 350 {
	.bottom-#{$i} {
		bottom: $i * 1rpx;
	}
}
@for $i from -200 through 350 {
	.right-#{$i} {
		right: $i * 1rpx;
	}
}
.pad-lr-4{
	padding-left: 4rpx;
	padding-right: 4rpx;
}
.pad-lr-6{
	padding-left: 6rpx;
	padding-right: 6rpx;
}
.pad-lr-8{
	padding-left: 8rpx;
	padding-right: 8rpx;
}
.pad-lr-10{
	padding-left: 10rpx;
	padding-right: 10rpx;
}
.pad-lr-12{
	padding-left: 12rpx;
	padding-right: 12rpx;
}
.pad-lr-14{
	padding-left: 14rpx;
	padding-right: 14rpx;
}
.pad-lr-16{
	padding-left: 16rpx;
	padding-right: 16rpx;
}
.pad-lr-18{
	padding-left: 18rpx;
	padding-right: 18rpx;
}
.pad-lr-20{
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.pad-lr-22{
	padding-left: 22rpx;
	padding-right: 22rpx;
}
.pad-lr-24{
	padding-left: 24rpx;
	padding-right: 24rpx;
}
.pad-lr-26{
	padding-left: 26rpx;
	padding-right: 26rpx;
}
.pad-lr-28{
	padding-left: 28rpx;
	padding-right: 28rpx;
}
.pad-lr-30{
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.pad-lr-32{
	padding-left: 32rpx;
	padding-right: 32rpx;
}
.pad-lr-34{
	padding-left: 34rpx;
	padding-right: 34rpx;
}
.pad-lr-38{
	padding-left: 38rpx;
	padding-right: 38rpx;
}
.pad-lr-40{
	padding-left: 40rpx;
	padding-right: 40rpx;
}
.pad-lr-42{
	padding-left: 42rpx;
	padding-right: 42rpx;
}
.pad-lr-44{
	padding-left: 44rpx;
	padding-right: 44rpx;
}
.pad-lr-46{
	padding-left: 46rpx;
	padding-right: 46rpx;
}
.pad-lr-50{
	padding-left: 50rpx;
	padding-right: 50rpx;
}
.pad-lr-56{
	padding-left: 56rpx;
	padding-right: 56rpx;
}
.pad-lr-88{
	padding-left: 88rpx;
	padding-right: 88rpx;
}


.pad-tb-4{
	padding-top: 4rpx;
	padding-bottom: 4rpx;
}
.pad-tb-6{
	padding-top: 6rpx;
	padding-bottom: 6rpx;
}
.pad-tb-10{
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}
.pad-tb-12{
	padding-top: 12rpx;
	padding-bottom:12rpx;
}
.pad-tb-14{
	padding-top: 14rpx;
	padding-bottom: 14rpx;
}
.pad-tb-16{
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}
.pad-tb-18{
	padding-top: 18rpx;
	padding-bottom: 18rpx;
}
.pad-tb-20{
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
.pad-tb-22{
	padding-top: 22rpx;
	padding-bottom: 22rpx;
}
.pad-tb-24{
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}
.pad-tb-26{
	padding-top: 26rpx;
	padding-bottom: 26rpx;
}
.pad-tb-28{
	padding-top: 28rpx;
	padding-bottom: 28rpx;
}
.pad-tb-30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.pad-tb-32{
	padding-top: 32rpx;
	padding-bottom: 32rpx;
}
.pad-tb-34{
	padding-top: 34rpx;
	padding-bottom: 34rpx;
}
.pad-tb-38{
	padding-top: 38rpx;
	padding-bottom: 38rpx;
}
.pad-tb-40{
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}
.pad-tb-50{
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}
.pad-tb-42{
	padding-top: 42rpx;
	padding-bottom: 42rpx;
}
.pad-tb-58{
	padding-block: 58rpx;
}
.pad-tb-80{
	padding-block: 80rpx;
}
.pad-tblr-32{
	padding: 32rpx;
}
.pad-tblr-30{
	padding: 30rpx;
}
.pad-tblr-40{
	padding: 40rpx;
}
.pad-tblr-24{
	padding: 24rpx;
}
.pad-tb32-lr34{
	padding: 32rpx 34rpx;
}
.pad-tb40-lr32{
	padding: 40rpx 32rpx;
}
.display-sb {
  display: flex;
  justify-content: space-between;
  
}
.display-ce{
	display: flex;
	justify-content: center;
}
.display-sa{
	display: flex;
	justify-content: space-around;
}
.display-fs{
	display: flex;
	justify-content: flex-start;
}
.display-row{
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
}
.display-row-reverse{
	display: flex;
	flex-direction: row-reverse;
	/* flex-wrap: wrap; */
}
.display{
	display: flex;
}
.flex-wrap{
	flex-wrap:wrap;
}
.align-items{
	align-items:center
}
.align-items-start{
	align-items: flex-start;
}
.align-items-end{
	align-items: flex-end;
}
.flex-direction-column{
	flex-direction: column;
}
.block{
	display: block;
}
.width-100{
  width: 100%;
}
.height-100{
	height: 100%;
}
.poRe{
	position: relative;
}
.poAb{
	position: absolute;
}
.poFi{
	position: fixed;
}
.top-0{
	top: 0;
}
.top-16{
	top: 16rpx;
}
.bottom-0{
	bottom: 0;
}
.left-0{
	left: 0;
}
.right-0{
	right: 0;
}
.bottom--12{
	bottom: -12rpx;
}
.bottom-7{
	bottom: 8rpx;
}
.z-index--1{
	z-index: -1;
}
.z-index-0{
	z-index: 0;
}
.mar-top--6{
  margin-top: -6rpx;
}
.mar-top-4{
  margin-top: 4rpx;
}
.mar-top-6{
  margin-top: 6rpx;
}
.mar-top-8{
  margin-top: 8rpx;
}
.mar-top-12{
  margin-top: 12rpx;
}
.mar-top-16{
  margin-top: 16rpx;
}
.mar-top-18{
  margin-top: 18rpx;
}
.mar-top-20{
  margin-top: 20rpx;
}
.mar-top-22{
  margin-top: 22rpx;
}
.mar-top-24{
  margin-top: 24rpx;
}
.mar-top-26{
  margin-top: 26rpx;
}
.mar-top-40{
  margin-top: 40rpx;
}
.mar-top-42{
  margin-top: 42rpx;
}
.mar-top-32{
  margin-top: 32rpx;
}
.mar-top-28{
  margin-top: 28rpx;
}
.mar-top-30{
  margin-top: 30rpx;
}
.mar-top-36{
  margin-top: 36rpx;
}
.mar-top-44{
  margin-top: 44rpx;
}
.mar-top-46{
  margin-top: 46rpx;
}
.mar-top-48{
  margin-top: 48rpx;
}
.mar-top-50{
  margin-top: 50rpx;
}
.mar-top-56{
  margin-top: 56rpx;
}
.mar-top-58{
  margin-top: 58rpx;
}
.mar-top-60{
  margin-top: 60rpx;
}
.mar-top-62{
  margin-top: 62rpx;
}
.mar-top-66{
  margin-top: 66rpx;
}
.mar-top-70{
  margin-top: 70rpx;
}
.mar-top-80{
  margin-top: 80rpx;
}
.mb8 {
    margin-bottom: 8rpx;
}
.mb10 {
    margin-bottom: 10rpx;
}
.mb14 {
    margin-bottom: 14rpx;
}
.mb12 {
    margin-bottom: 12rpx;
}
.mb16 {
    margin-bottom: 16rpx;
}
.mb18 {
    margin-bottom: 18rpx;
}
.mb20 {
    margin-bottom: 20rpx;
}
.mb24 {
    margin-bottom: 24rpx;
}
.mb30 {
    margin-bottom: 30rpx;
}
.mb32 {
    margin-bottom: 32rpx;
}
.mb44 {
    margin-bottom: 44rpx;
}
.mb50 {
    margin-bottom: 50rpx;
}
.mb70 {
    margin-bottom: 70rpx;
}
.mb86 {
    margin-bottom: 86rpx;
}
.ml4 {
    margin-left: 4rpx;
}
.ml6 {
    margin-left: 6rpx;
}
.ml8 {
    margin-left: 8rpx;
}
.ml10 {
    margin-left: 10rpx;
}
.ml12 {
    margin-left: 12rpx;
}
.ml16 {
    margin-left: 16rpx;
}
.ml20 {
    margin-left: 20rpx;
}
.ml22 {
    margin-left: 22rpx;
}
.ml24 {
    margin-left: 24rpx;
}
.ml26 {
    margin-left: 26rpx;
}
.ml28 {
    margin-left: 28rpx;
}
.ml30 {
    margin-left: 30rpx;
}
.ml32 {
    margin-left: 32rpx;
}
.ml34 {
    margin-left: 34rpx;
}
.ml40 {
    margin-left: 40rpx;
}
.ml48 {
    margin-left: 48rpx;
}
.ml50 {
    margin-left: 50rpx;
}
.ml54 {
    margin-left: 54rpx;
}
.ml60 {
    margin-left: 60rpx;
}
.ml64 {
    margin-left: 64rpx;
}
.ml80 {
    margin-left: 80rpx;
}
.ml72 {
    margin-left: 72rpx;
}
.ml100 {
    margin-left: 100rpx;
}
.ml120 {
    margin-left: 120rpx;
}
.fontSize-14{
	font-size: 14rpx;
}
.fontSize-16{
	font-size: 16rpx;
}
.fontSize-18{
	font-size: 18rpx;
}
.fontSize-19{
	font-size: 19rpx;
}
.fontSize-20{
	font-size: 20rpx;
}
.fontSize-22{
	font-size: 22rpx;
}
.fontSize-24{
	font-size: 24rpx;
}
.fontSize-26{
	font-size: 26rpx;
}
.fontSize-28{
	font-size: 28rpx;
}
.fontSize-30{
	font-size: 30rpx;
}
.fontSize-32{
	font-size: 32rpx;
}
.fontSize-34{
	font-size: 34rpx;
}
.fontSize-36{
	font-size: 36rpx;
}
.fontSize-38{
	font-size: 38rpx;
}
.fontSize-40{
	font-size: 40rpx;
}
.fontSize-44{
	font-size: 44rpx;
}
.fontSize-46{
	font-size: 46rpx;
}
.fontSize-48{
	font-size: 48rpx;
}
.fontSize-52{
	font-size: 52rpx;
}
.fontSize-58{
	font-size: 58rpx;
}
.fontSize-60{
	font-size: 60rpx;
}
.fontSize-64{
	font-size: 64rpx;
}
.fontSize-80{
	font-size: 80rpx;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.text-align-right{
	text-align: right;
}
.text-align-center{
	text-align: center;
}
.text-clamp-1 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
    overflow-wrap: break-word;
}
.text-clamp-2 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.text-clamp-3 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.text-clamp-4 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.text-clamp-7 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.text-clamp-8 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.text-clamp-13 {
  display: -webkit-box;
  word-break:break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
    text-overflow: ellipsis;  /*超出显示为省略号*/
  word-wrap: break-word;
  overflow: hidden;
}
.line-10 {
  line-height: 10rpx;
}
.line-24 {
  line-height: 24rpx;
}
.line-30 {
  line-height: 30rpx;
}
.line-40 {
  line-height: 40rpx;
}
.line-50 {
  line-height: 50rpx;
}
.line-60 {
  line-height: 60rpx;
}
.line-72 {
  line-height: 72rpx;
}
.fontBold{
	font-weight: bold;
}
.fontWe-500{
	font-weight: 500;
}
.fontWe-600{
	font-weight: 600;
}
.fontWe-700{
	font-weight: 700;
}
.fontWe-800{
	font-weight: 800;
}
.col-9{
	color: #999999;
}
.col-f{
	color: #FFFFFF;
}
.col-6{
	color: #666666;
}
.col-3{
	color: #333333;
}
.col-0{
	color: #000000;
}
.col-c{
	color: #CCCCCC;
}
.col-2B6F37{
	color: #2B6F37;
}
.col-BD2D2D{
	color: #BD2D2D;
}
.col-c19760{
	color: #c19760;
}
.col-EE362B{
	color: #EE362B;
}
.col-FF7E00{
	color: #FF7E00;
}
.col-4555A3{
	color: #4555A3;
}
.col-E75656{
	color: #E75656;
}
.over-hid{
	overflow: hidden;
	height: auto;
}
.bgfff {
    background: #fff;
}
.bgf6 {
    background: #f6f6f6;
}
.bgf9 {
    background: #f9f9f9;
}
.bg000 {
    background: #000000;
}
.bg4555A3{
	background-color: #4555A3;
}
.border-50{
	border-radius: 50%;
}
.border-8{
	border-radius: 8rpx;
}
.border-10{
	border-radius: 10rpx;
}
.border-12{
	border-radius: 12rpx;
}
.border-14{
	border-radius: 14rpx;
}
.border-16{
	border-radius: 16rpx;
}
.border-40{
	border-radius: 24rpx;
}
.wspw{
	white-space: pre-wrap;
}
.wnowrap{
	white-space: nowrap;
}